<div class="box border green" style="height:480px;overflow: scroll">
    <style>
        .angular-animate-fadeDiv{
            transition:0.5s linear all!important;
            -webkit-transition:0.5s linear all!important ;
        }
        .angular-animate-fadeDiv.ng-enter,.angular-animate-fadeDiv.ng-hide-remove{
            /*position: fixed;
            margin-top:0;
            margin-left:90%;*/
            position:absolute;
            left:90%;
            top:0px;
            opacity:0!important;
        }
        .angular-animate-fadeDiv.ng-enter.ng-enter-active,.angular-animate-fadeDiv.ng-hide-remove-active{
            opacity:1!important;
            position:relative;
            left:0;
            top:0px;
        }
        .angular-animate-fadeDiv.ng-leave,.angular-animate-fadeDiv.ng-hide-add {
            opacity:1!important;
            position:relative;
            left:0;
            top:0px;
        }
        .angular-animate-fadeDiv.ng-leave.ng-leave-active,.angular-animate-fadeDiv.ng-hide-add-active{
            /*position: fixed;
            margin-top:0;
            margin-left:90%;*/
            position:absolute;
            left:90%;
            top:0px;
            opacity:0!important;
        }
    </style>
    <!--phone informations-->
    <div class="box border angular-animate-fadeDiv" ng-show="$parent.phoneDiv">
        <div class="box-title">
            <h4><i class="fa fa-bars"></i>电话列表</h4>
            <div class="tools" >
                <a ng-click="add(0);dirtySet(1)">
                    <i class="fa fa-plus"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-show="$parent.phoneDetail" ng-click="$parent.phoneDetail=false">
                    <i class="fa fa-chevron-up"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-hide="$parent.phoneDetail" ng-click="$parent.phoneDetail=true">
                    <i class="fa fa-chevron-down"></i>
                </a>
                <a href="javascript:;" class="remove" ng-click="$parent.phoneDiv=false">
                    <i class="fa fa-times"></i>
                </a>
            </div>
        </div>
        <div ng-show="phoneDetail">
            <table class="table table-hover">
                <tr ng-repeat="list in presentContactInfo.baseInfo.mobileNumberList" ng-mouseenter="showTrash[$index]=true" ng-mouseleave="showTrash[$index]=false">
                    <td ng-repeat-start="item in repeatDateStruct.mobileNumberList">
                        <i ng-class="ngRepeatGetBaseInfoImage(0,$index)" ng-init="item.show[$parent.$index]=1"></i>{{item.name}}
                    </td>
                    <td ng-show="repeatShowOrInput(0,$parent.$index,$index,2)" ng-dblclick="repeatShowOrInput(0,$parent.$index,$index,0)" ng-style="item.style">{{list[item.key]}}</td>
                    <td ng-repeat-end ng-show="repeatShowOrInput(0,$parent.$index,$index,3)" ng-style="item.style">
                        <input ng-change="dirtySet(1)" type="text" ng-if="item.option==1" ng-class="getClassName(0,$parent.$parent.$index,$parent.$index)" class="form-control" ng-blur="repeatShowOrInput(0,$parent.$parent.$index,$parent.$index,1)" ng-model="list[item.key]"/>
                        <select ng-change="dirtySet(1)" ng-if="item.option==2"  ng-model="list[item.key]" ng-options="opt for opt in item.select"></select>
                        <a type="button" ng-if="item.option==2" ng-click="repeatShowOrInput(0,$parent.$parent.$index,$parent.$index,1)"><i class="fa fa-check"></i></a>
                    </td>
                    <td><a ng-show="showTrash[$index]" style="width:5%;float: left" ng-click="del(0,$index);dirtySet(1)"><i class="fa fa-trash"></i></a></td>
                </tr>
            </table>
        </div>
        <div ng-show="dirty[1]" style="text-align:center">
            <button ng-click="saveInfo()" class="btn btn-success">保存</button>
            <button ng-click="refresh(1)" class="btn btn-success">重置</button>
        </div>
    </div>
    <!--address informations 名称错误是因为后台字段是addresss-->
    <div class="box border angular-animate-fadeDiv" ng-show="$parent.addresssDiv">
        <div class="box-title">
            <h4><i class="fa fa-bars"></i>地址列表</h4>
            <div class="tools" >
                <a ng-click="add(3);dirtySet(2)">
                    <i class="fa fa-plus"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-show="$parent.addresssDetail" ng-click="$parent.addresssDetail=false">
                    <i class="fa fa-chevron-up"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-hide="$parent.addresssDetail" ng-click="$parent.addresssDetail=true">
                    <i class="fa fa-chevron-down"></i>
                </a>
                <a href="javascript:;" class="remove" ng-click="$parent.addresssDiv=false">
                    <i class="fa fa-times"></i>
                </a>
            </div>
        </div>
        <div ng-show="addresssDetail">
            <table class="table table-hover" ng-init="showAddMore=-1">
                <tr ng-repeat-start="list in presentContactInfo.baseInfo.addresss" ng-mouseenter="showTrash[$index]=true" ng-mouseleave="showTrash[$index]=false"
                     ng-click="$parent.showAddMore=(showAddMore==$index)?-1:$index">
                    <td colspan="2" style="width: 20%">家庭住址</td>
                    <td style="width: 80%">
                        <span ng-repeat="item in repeatDateStruct.addresss">
                            <span ng-if="item.preview==3" ng-show="list[item.key]!=null&&list[item.key]!=''">
                                {{item.prename}}
                            </span>
                            <span ng-if="item.preview>0">
                                {{list[item.key]}}
                            </span>
                            <span ng-if="item.preview==1" ng-show="list[item.key]!=null&&list[item.key]!=''">
                                {{item.prename}}
                            </span>
                        </span>
                        <a ng-show="showTrash[$index]" ng-click="del(3,$index);dirtySet(2)"><i class="fa fa-trash"></i></a>
                    </td>
                </tr>
                <tr ng-show="showAddMore==$parent.$index" ng-repeat-end ng-repeat="item in repeatDateStruct.addresss">
                    <td width="5%"></td>
                    <td style="width:15%">
                        <i ng-class="ngRepeatGetBaseInfoImage(3,$index)" ng-init="item.show[$parent.$index]=1"></i>{{item.name}}
                    </td>
                    <td ng-show="repeatShowOrInput(3,$parent.$index,$index,2)" ng-dblclick="repeatShowOrInput(3,$parent.$index,$index,0)" style="width:15%">{{list[item.key]}}</td>
                    <td ng-show="repeatShowOrInput(3,$parent.$index,$index,3)" style="width:80%">
                        <input ng-change="dirtySet(2)" type="text" ng-if="item.option==1" ng-class="getClassName(3,$parent.$parent.$index,$parent.$index)" class="form-control" ng-blur="repeatShowOrInput(3,$parent.$parent.$index,$parent.$index,1)" ng-model="list[item.key]"/>
                        <select ng-change="dirtySet(2)" ng-if="item.option==2"  ng-model="list[item.key]" ng-options="opt for opt in item.select"></select>
                        <a type="button" ng-if="item.option==2" ng-click="repeatShowOrInput(3,$parent.$parent.$index,$parent.$index,1)"><i class="fa fa-check"></i></a>
                    </td>
                </tr>
            </table>
            <div ng-show="dirty[2]" style="text-align:center">
                <button ng-click="saveInfo()" class="btn btn-success">保存</button>
                <button ng-click="refresh(1)" class="btn btn-success">重置</button>
            </div>
        </div>
    </div>
    <!--educationHistorys informations-->
    <div class="box border angular-animate-fadeDiv" ng-show="$parent.educationHistorysDiv">
        <div class="box-title">
            <h4><i class="fa fa-bars"></i>教育历史</h4>
            <div class="tools" >
                <a ng-click="add(4);dirtySet(3)">
                    <i class="fa fa-plus"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-show="$parent.educationHistorysDetail" ng-click="$parent.educationHistorysDetail=false">
                    <i class="fa fa-chevron-up"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-hide="$parent.educationHistorysDetail" ng-click="$parent.educationHistorysDetail=true">
                    <i class="fa fa-chevron-down"></i>
                </a>
                <a href="javascript:;" class="remove" ng-click="$parent.educationHistorysDiv=false">
                    <i class="fa fa-times"></i>
                </a>
            </div>
        </div>
        <div ng-show="educationHistorysDetail">
            <table class="table table-hover" ng-init="showEduMore=-1">
                <tr ng-repeat-start="list in presentContactInfo.educationHistorys" ng-mouseenter="showTrash[$index]=true" ng-mouseleave="showTrash[$index]=false"
                    ng-click="$parent.showEduMore=(showEduMore==$index)?-1:$index">
                    <td colspan="2" style="width: 20%">教育经历</td>
                    <td style="width: 80%">
                        <span ng-repeat="item in repeatDateStruct.educationHistorys">
                            <span ng-if="item.preview==3" ng-show="list[item.key]!=null&&list[item.key]!=''">
                                {{item.prename}}
                            </span>
                            <span ng-if="item.preview>0">
                                {{list[item.key]}}
                            </span>
                            <span ng-if="item.preview==1" ng-show="list[item.key]!=null&&list[item.key]!=''">
                                {{item.prename}}
                            </span>
                        </span>
                        <a ng-show="showTrash[$index]" ng-click="del(4,$index);dirtySet(3)"><i class="fa fa-trash"></i></a>
                    </td>
                </tr>
                <tr ng-show="showEduMore==$parent.$index" ng-repeat-end ng-repeat="item in repeatDateStruct.educationHistorys">
                    <td width="5%"></td>
                    <td style="width:15%">
                        <i ng-class="ngRepeatGetBaseInfoImage(4,$index)" ng-init="item.show[$parent.$index]=1"></i>{{item.name}}
                    </td>
                    <td ng-show="repeatShowOrInput(4,$parent.$index,$index,2)" ng-dblclick="changeDate(1,4,$parent.$index,item.key,0);repeatShowOrInput(4,$parent.$index,$index,0)" style="width:15%">{{list[item.key]}}</td>
                    <td ng-show="repeatShowOrInput(4,$parent.$index,$index,3)" style="width:80%">
                        <input ng-change="dirtySet(3)" type="text" ng-if="item.option==1" ng-class="getClassName(4,$parent.$parent.$index,$parent.$index)" class="form-control" ng-blur="repeatShowOrInput(4,$parent.$parent.$index,$parent.$index,1)" ng-model="list[item.key]"/>
                        <select ng-change="dirtySet(3)" ng-if="item.option==2"  ng-model="list[item.key]" ng-options="opt for opt in item.select"></select>
                        <input ng-change="dirtySet(3)" type="date" ng-if="item.option==3"  ng-model="$parent.$parent.$parent.$parent.tempDate" >
                        <a type="button" ng-if="item.option==2" ng-click="repeatShowOrInput(4,$parent.$parent.$index,$parent.$index,1)"><i class="fa fa-check"></i></a>
                        <a type="button" ng-if="item.option==3" ng-click="changeDate(1,4,$parent.$parent.$index,item.key,1);repeatShowOrInput(4,$parent.$parent.$index,$parent.$index,1)"><i class="fa fa-check"></i></a>
                    </td>
                </tr>
            </table>
            <div ng-show="dirty[3]" style="text-align:center">
                <button ng-click="saveInfo()" class="btn btn-success">保存</button>
                <button ng-click="refresh(1)" class="btn btn-success">重置</button>
            </div>
        </div>
    </div>
    <!--workHistorys informations-->
    <div class="box border angular-animate-fadeDiv" ng-show="$parent.workHistorysDiv">
        <div class="box-title">
            <h4><i class="fa fa-bars"></i>工作历史</h4>
            <div class="tools" >
                <a ng-click="add(5);dirtySet(4)">
                    <i class="fa fa-plus"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-show="$parent.workHistorysDetail" ng-click="$parent.workHistorysDetail=false">
                    <i class="fa fa-chevron-up"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-hide="$parent.workHistorysDetail" ng-click="$parent.workHistorysDetail=true">
                    <i class="fa fa-chevron-down"></i>
                </a>
                <a href="javascript:;" class="remove" ng-click="$parent.workHistorysDiv=false">
                    <i class="fa fa-times"></i>
                </a>
            </div>
        </div>
        <div ng-show="workHistorysDetail">
            <table class="table table-hover" ng-init="showWorkMore=-1">
                <tr ng-repeat-start="list in presentContactInfo.workHistorys" ng-mouseenter="showTrash[$index]=true" ng-mouseleave="showTrash[$index]=false"
                    ng-click="$parent.showWorkMore=(showWorkMore==$index)?-1:$index">
                    <td colspan="2" style="width: 20%">工作历史</td>
                    <td style="width: 80%">
                        <span ng-repeat="item in repeatDateStruct.workHistorys">
                            <span ng-if="item.preview==3" ng-show="list[item.key]!=null&&list[item.key]!=''">
                                {{item.prename}}
                            </span>
                            <span ng-if="item.preview>0">
                                {{list[item.key]}}
                            </span>
                            <span ng-if="item.preview==1" ng-show="list[item.key]!=null&&list[item.key]!=''">
                                {{item.prename}}
                            </span>
                        </span>
                        <a ng-show="showTrash[$index]" ng-click="del(5,$index);dirtySet(4)"><i class="fa fa-trash"></i></a>
                    </td>
                </tr>
                <tr ng-show="showWorkMore==$parent.$index" ng-repeat-end ng-repeat="item in repeatDateStruct.workHistorys">
                    <td width="5%"></td>
                    <td style="width:15%">
                        <i ng-class="ngRepeatGetBaseInfoImage(5,$index)" ng-init="item.show[$parent.$index]=1"></i>{{item.name}}
                    </td>
                    <td ng-show="repeatShowOrInput(5,$parent.$index,$index,2)" ng-dblclick="changeDate(1,5,$parent.$index,item.key,0);repeatShowOrInput(5,$parent.$index,$index,0)" style="width:15%">{{list[item.key]}}</td>
                    <td ng-show="repeatShowOrInput(5,$parent.$index,$index,3)" style="width:80%">
                        <input ng-change="dirtySet(4)" type="text" ng-if="item.option==1" ng-class="getClassName(5,$parent.$parent.$index,$parent.$index)" class="form-control" ng-blur="repeatShowOrInput(5,$parent.$parent.$index,$parent.$index,1)" ng-model="list[item.key]"/>
                        <select ng-change="dirtySet(4)" ng-if="item.option==2"  ng-model="list[item.key]" ng-options="opt for opt in item.select"></select>
                        <input ng-change="dirtySet(4)" type="date" ng-if="item.option==3"  ng-model="$parent.$parent.$parent.$parent.tempDate" >
                        <a type="button" ng-if="item.option==2" ng-click="repeatShowOrInput(5,$parent.$parent.$index,$parent.$index,1)"><i class="fa fa-check"></i></a>
                        <a type="button" ng-if="item.option==3" ng-click="changeDate(1,5,$parent.$parent.$index,item.key,1);repeatShowOrInput(5,$parent.$parent.$index,$parent.$index,1)"><i class="fa fa-check"></i></a>
                    </td>
                </tr>
            </table>
            <div ng-show="dirty[4]" style="text-align:center">
                <button ng-click="saveInfo()" class="btn btn-success">保存</button>
                <button ng-click="refresh(1)" class="btn btn-success">重置</button>
            </div>
        </div>
    </div>
    <!--familyInfos informations-->
    <div class="box border angular-animate-fadeDiv" ng-show="$parent.familyInfosDiv">
        <div class="box-title">
            <h4><i class="fa fa-bars"></i>家庭成员</h4>
            <div class="tools" >
                <a ng-click="add(6);dirtySet(5)">
                    <i class="fa fa-plus"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-show="$parent.familyInfosDetail" ng-click="$parent.familyInfosDetail=false">
                    <i class="fa fa-chevron-up"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-hide="$parent.familyInfosDetail" ng-click="$parent.familyInfosDetail=true">
                    <i class="fa fa-chevron-down"></i>
                </a>
                <a href="javascript:;" class="remove" ng-click="$parent.familyInfosDiv=false">
                    <i class="fa fa-times"></i>
                </a>
            </div>
        </div>
        <div ng-show="familyInfosDetail">
            <table class="table table-hover" ng-init="showFamMore=-1">
                <tr ng-repeat-start="list in presentContactInfo.familyInfos" ng-mouseenter="showTrash[$index]=true" ng-mouseleave="showTrash[$index]=false"
                    ng-click="$parent.showFamMore=(showFamMore==$index)?-1:$index">
                    <td colspan="2" style="width: 20%">家庭信息</td>
                    <td style="width: 80%">
                        <span ng-repeat="item in repeatDateStruct.familyInfos">
                            <span ng-if="item.preview==3" ng-show="list[item.key]!=null&&list[item.key]!=''">
                                {{item.prename}}
                            </span>
                            <span ng-if="item.preview>0">
                                {{list[item.key]}}
                            </span>
                            <span ng-if="item.preview==1" ng-show="list[item.key]!=null&&list[item.key]!=''">
                                {{item.prename}}
                            </span>
                        </span>
                        <a ng-show="showTrash[$index]" ng-click="del(6,$index);dirtySet(5)"><i class="fa fa-trash"></i></a>
                    </td>
                </tr>
                <tr ng-show="showFamMore==$parent.$index" ng-repeat-end ng-repeat="item in repeatDateStruct.familyInfos">
                    <td width="5%"></td>
                    <td style="width:15%">
                        <i ng-class="ngRepeatGetBaseInfoImage(6,$index)" ng-init="item.show[$parent.$index]=1"></i>{{item.name}}
                    </td>
                    <td ng-show="repeatShowOrInput(6,$parent.$index,$index,2)" ng-dblclick="changeDate(1,6,$parent.$index,item.key,0);repeatShowOrInput(6,$parent.$index,$index,0)" style="width:15%">
                        <span ng-if="item.option!=4">{{list[item.key]}}</span>
                        <span ng-if="item.option==4">{{getRadioName(6,$parent.$parent.$index,$index,item.key)}}</span>
                    </td>
                    <td ng-show="repeatShowOrInput(6,$parent.$index,$index,3)" style="width:80%">
                        <input ng-change="dirtySet(5)" type="text" ng-if="item.option==1" ng-class="getClassName(6,$parent.$parent.$index,$parent.$index)" class="form-control" ng-blur="repeatShowOrInput(6,$parent.$parent.$index,$parent.$index,1)" ng-model="list[item.key]"/>
                        <select ng-change="dirtySet(5)" ng-if="item.option==2"  ng-model="list[item.key]" ng-options="opt for opt in item.select"></select>
                        <input ng-change="dirtySet(5)" type="date" ng-if="item.option==3"  ng-model="$parent.$parent.$parent.$parent.tempDate" >
                        <span ng-repeat="radioItem in item.radio"><input ng-change="dirtySet(5)" type="radio" ng-if="item.option==4" name="{{item.key}}" value="{{radioItem.value}}" ng-model="list[item.key]">{{radioItem.name}}</span>
                        <a type="button" ng-if="item.option==2||item.option==4" ng-click="repeatShowOrInput(6,$parent.$parent.$index,$parent.$index,1)"><i class="fa fa-check"></i></a>
                        <a type="button" ng-if="item.option==3" ng-click="changeDate(1,6,$parent.$parent.$index,item.key,1);repeatShowOrInput(6,$parent.$parent.$index,$parent.$index,1)"><i class="fa fa-check"></i></a>
                    </td>
                </tr>
            </table>
            <div ng-show="dirty[5]" style="text-align:center">
                <button ng-click="saveInfo()" class="btn btn-success">保存</button>
                <button ng-click="refresh(1)" class="btn btn-success">重置</button>
            </div>
        </div>
    </div>
    <!--email informations-->
    <div class="box border angular-animate-fadeDiv" ng-show="$parent.emailDiv">
        <div class="box-title">
            <h4><i class="fa fa-bars"></i>邮件列表</h4>
            <div class="tools" >
                <a ng-click="add(1);dirtySet(6)">
                    <i class="fa fa-plus"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-show="$parent.emailDetail" ng-click="$parent.emailDetail=false">
                    <i class="fa fa-chevron-up"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-hide="$parent.emailDetail" ng-click="$parent.emailDetail=true">
                    <i class="fa fa-chevron-down"></i>
                </a>
                <a href="javascript:;" class="remove" ng-click="$parent.emailDiv=false">
                    <i class="fa fa-times"></i>
                </a>
            </div>
        </div>
        <div ng-show="emailDetail">
            <table class="table table-hover">
                <tr ng-repeat="list in presentContactInfo.baseInfo.emailList" ng-mouseenter="showTrash[$index]=true" ng-mouseleave="showTrash[$index]=false">
                    <td ng-repeat-start="item in repeatDateStruct.emailList">
                        <i ng-class="ngRepeatGetBaseInfoImage(1,$index)" ng-init="item.show[$parent.$index]=1"></i>{{item.name}}
                    </td>
                    <td ng-show="repeatShowOrInput(1,$parent.$index,$index,2)" ng-dblclick="repeatShowOrInput(1,$parent.$index,$index,0)" ng-style="item.style">{{list[item.key]}}</td>
                    <td ng-repeat-end ng-show="repeatShowOrInput(1,$parent.$index,$index,3)" ng-style="item.style">
                        <input ng-change="dirtySet(6)" type="text" ng-if="item.option==1" ng-class="getClassName(1,$parent.$parent.$index,$parent.$index)" class="form-control" ng-blur="repeatShowOrInput(1,$parent.$parent.$index,$parent.$index,1)" ng-model="list[item.key]"/>
                        <select ng-change="dirtySet(6)" ng-if="item.option==2"  ng-model="list[item.key]" ng-options="opt for opt in item.select"></select>
                        <a type="button" ng-if="item.option==2" ng-click="repeatShowOrInput(1,$parent.$parent.$index,$parent.$index,1)"><i class="fa fa-check"></i></a>
                    </td>
                    <td><a ng-show="showTrash[$index]" style="width:5%;float: left" ng-click="del(1,$index);dirtySet(6)"><i class="fa fa-trash"></i></a></td>
                </tr>
            </table>
            <div ng-show="dirty[6]" style="text-align:center">
                <button ng-click="saveInfo()" class="btn btn-success">保存</button>
                <button ng-click="refresh(1)" class="btn btn-success">重置</button>
            </div>
        </div>
    </div>
    <!--fix information -->
    <div class="box border angular-animate-fadeDiv" ng-show="$parent.fixDiv">
        <div class="box-title">
            <h4><i class="fa fa-bars"></i>固话列表</h4>
            <div class="tools" >
                <a ng-click="add(2);dirtySet(7)">
                    <i class="fa fa-plus"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-show="$parent.fixDetail" ng-click="$parent.fixDetail=false">
                    <i class="fa fa-chevron-up"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-hide="$parent.fixDetail" ng-click="$parent.fixDetail=true">
                    <i class="fa fa-chevron-down"></i>
                </a>
                <a href="javascript:;" class="remove" ng-click="$parent.fixDiv=false">
                    <i class="fa fa-times"></i>
                </a>
            </div>
        </div>
        <div ng-show="fixDetail">
            <table class="table table-hover">
                <tr ng-repeat="list in presentContactInfo.baseInfo.fixedNumberList" ng-mouseenter="showTrash[$index]=true" ng-mouseleave="showTrash[$index]=false">
                    <td ng-repeat-start="item in repeatDateStruct.fixedNumberList">
                        <i ng-class="ngRepeatGetBaseInfoImage(2,$index)" ng-init="item.show[$parent.$index]=1"></i>{{item.name}}
                    </td>
                    <td ng-show="repeatShowOrInput(2,$parent.$index,$index,2)" ng-dblclick="repeatShowOrInput(2,$parent.$index,$index,0)" ng-style="item.style">{{list[item.key]}}</td>
                    <td ng-repeat-end ng-show="repeatShowOrInput(2,$parent.$index,$index,3)" ng-style="item.style">
                        <input ng-change="dirtySet(7)" type="text" ng-if="item.option==1" ng-class="getClassName(2,$parent.$parent.$index,$parent.$index)" class="form-control" ng-blur="repeatShowOrInput(2,$parent.$parent.$index,$parent.$index,1)" ng-model="list[item.key]"/>
                        <select ng-change="dirtySet(7)" ng-if="item.option==2"  ng-model="list[item.key]" ng-options="opt for opt in item.select"></select>
                        <a type="button" ng-if="item.option==2" ng-click="repeatShowOrInput(2,$parent.$parent.$index,$parent.$index,1)"><i class="fa fa-check"></i></a>
                    </td>
                    <td><a ng-show="showTrash[$index]" style="width:5%;float: left" ng-click="del(2,$index);dirtySet(7)"><i class="fa fa-trash"></i></a></td>
                </tr>
            </table>
            <div ng-show="dirty[7]" style="text-align:center">
                <button ng-click="saveInfo()" class="btn btn-success">保存</button>
                <button ng-click="refresh(1)" class="btn btn-success">重置</button>
            </div>
        </div>
    </div>
    <!--business information-->
    <div class="box border angular-animate-fadeDiv" ng-show="$parent.businessDiv">
        <div class="box-title">
            <h4><i class="fa fa-bars"></i>商务信息</h4>
            <div class="tools" >
                <a href="javascript:;" class="collapse" ng-show="$parent.businessDetail" ng-click="$parent.businessDetail=false">
                    <i class="fa fa-chevron-up"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-hide="$parent.businessDetail" ng-click="$parent.businessDetail=true">
                    <i class="fa fa-chevron-down"></i>
                </a>
                <a href="javascript:;" class="remove" ng-click="$parent.businessDiv=false">
                    <i class="fa fa-times"></i>
                </a>
            </div>
        </div>
        <div ng-show="businessDetail">
            <table class="table table-hover">
                <tbody>
                <tr ng-repeat="item in infoDateStruct.businessInfo">
                    <td style="width: 20%"><i ng-class="ngGetBaseInfoImage(2,$index)"></i>{{item.name}}</td>
                    <td style="width: 80%" ng-show="ngShowOrInput(2,$index,2)" style="float: left" ng-dblclick="ngShowOrInput(2,$index,0)">{{presentContactInfo.businessInfo[item.key]}}</td>
                    <td style="width: 80%" ng-show="ngShowOrInput(2,$index,3)">
                        <input ng-change="dirtySet(8)" ng-if="item.option==1" type="text" ng-class="getClassName(2,$parent.$index)" class="form-control" ng-blur="ngShowOrInput(2,$index,1)" ng-model="presentContactInfo.businessInfo[item.key]"/>
                        <select ng-change="dirtySet(8)" ng-if="item.option==2"  ng-model="presentContactInfo.businessInfo[item.key]" ng-options="opt for opt in item.select"></select>
                        <input ng-change="dirtySet(8)" type="date" ng-if="item.option==3" ng-model="$parent.$parent.$parent.$parent.tempDate" >
                        <span ng-repeat="radioItem in item.radio"><input  ng-change="dirtySet(8)" type="radio" ng-if="item.option==4" name="{{item.key}}" value="{{radioItem.value}}" ng-model="presentContactInfo.businessInfo[item.key]">{{radioItem.name}}</span>
                        <a type="button" ng-if="item.option==2||item.option==4" ng-click="ngShowOrInput(2,$parent.$index,1)"><i class="fa fa-check"></i></a>
                        <a type="button" ng-if="item.option==3" ng-click="changeDate(0,2,-1,item.key,1);ngShowOrInput(2,$parent.$index,1)"><i class="fa fa-check"></i></a>
                    </td>
                </tr>
                </tbody>
            </table>
            <div ng-show="dirty[8]" style="text-align:center">
                <button ng-click="saveInfo()" class="btn btn-success">保存</button>
                <button ng-click="refresh(1)" class="btn btn-success">重置</button>
            </div>
        </div>
    </div>
    <!--employee information-->
    <div class="box border angular-animate-fadeDiv" ng-show="$parent.employeeDiv">
        <div class="box-title">
            <h4><i class="fa fa-bars"></i>雇佣信息</h4>
            <div class="tools" >
                <a href="javascript:;" class="collapse" ng-show="$parent.employeeDetail" ng-click="$parent.employeeDetail=false">
                    <i class="fa fa-chevron-up"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-hide="$parent.employeeDetail" ng-click="$parent.employeeDetail=true">
                    <i class="fa fa-chevron-down"></i>
                </a>
                <a href="javascript:;" class="remove" ng-click="$parent.employeeDiv=false">
                    <i class="fa fa-times"></i>
                </a>
            </div>
        </div>
        <div ng-show="employeeDetail">
            <table class="table table-hover">
                <tbody >
                <tr ng-repeat="item in infoDateStruct.employeeInfo">
                    <td style="width: 20%"><i ng-class="ngGetBaseInfoImage(3,$index)"></i>{{item.name}}</td>
                    <td style="width: 80%" ng-show="ngShowOrInput(3,$index,2)" style="float: left" ng-dblclick="ngShowOrInput(3,$index,0)">{{presentContactInfo.employeeInfo[item.key]}}</td>
                    <td style="width: 80%" ng-show="ngShowOrInput(3,$index,3)">
                        <input ng-change="dirtySet(9)" ng-if="item.option==1" type="text" ng-class="getClassName(3,$parent.$index)" class="form-control" ng-blur="ngShowOrInput(3,$index,1)" ng-model="presentContactInfo.employeeInfo[item.key]"/>
                        <select  ng-change="dirtySet(9)" ng-if="item.option==2"  ng-model="presentContactInfo.employeeInfo[item.key]" ng-options="opt for opt in item.select"></select>
                        <input  ng-change="dirtySet(9)" type="date" ng-if="item.option==3" ng-model="$parent.$parent.$parent.$parent.tempDate" >
                        <span ng-repeat="radioItem in item.radio"><input  ng-change="dirtySet(9)" type="radio" ng-if="item.option==4" name="{{item.key}}" value="{{radioItem.value}}" ng-model="presentContactInfo.employeeInfo[item.key]">{{radioItem.name}}</span>
                        <a type="button" ng-if="item.option==2||item.option==4" ng-click="ngShowOrInput(3,$parent.$index,1)"><i class="fa fa-check"></i></a>
                        <a type="button" ng-if="item.option==3" ng-click="changeDate(0,3,-1,item.key,1);ngShowOrInput(2,$parent.$index,1)"><i class="fa fa-check"></i></a>
                    </td>
                </tr>
                </tbody>
            </table>
            <div ng-show="dirty[9]" style="text-align:center">
                <button ng-click="saveInfo()" class="btn btn-success">保存</button>
                <button ng-click="refresh(1)" class="btn btn-success">重置</button>
            </div>
        </div>
    </div>
    <!--personality information-->
    <div class="box border angular-animate-fadeDiv" ng-show="$parent.personalityDiv">
        <div class="box-title">
            <h4><i class="fa fa-bars"></i>私人信息</h4>
            <div class="tools" >
                <a href="javascript:;" class="collapse" ng-show="$parent.personalityDetail" ng-click="$parent.personalityDetail=false">
                    <i class="fa fa-chevron-up"></i>
                </a>
                <a href="javascript:;" class="collapse" ng-hide="$parent.personalityDetail" ng-click="$parent.personalityDetail=true">
                    <i class="fa fa-chevron-down"></i>
                </a>
                <a href="javascript:;" class="remove" ng-click="$parent.personalityDiv=false">
                    <i class="fa fa-times"></i>
                </a>
            </div>
        </div>
        <div ng-show="personalityDetail">
            <table class="table table-hover">
                <tbody>
                <tr ng-repeat="item in infoDateStruct.personalityInfo">
                    <td style="width: 20%"><i ng-class="ngGetBaseInfoImage(4,$index)"></i>{{item.name}}</td>
                    <td style="width: 80%" ng-show="ngShowOrInput(4,$index,2)" style="float: left" ng-dblclick="ngShowOrInput(4,$index,0)">{{presentContactInfo.personalityInfo[item.key]}}</td>
                    <td style="width: 80%" ng-show="ngShowOrInput(4,$index,3)">
                        <input ng-change="dirtySet(10)" ng-if="item.option==1" type="text" ng-class="getClassName(4,$parent.$index)" class="form-control" ng-blur="ngShowOrInput(4,$index,1)" ng-model="presentContactInfo.personalityInfo[item.key]"/>
                        <select ng-change="dirtySet(10)" ng-if="item.option==2"  ng-model="presentContactInfo.personalityInfo[item.key]" ng-options="opt for opt in item.select"></select>
                        <input ng-change="dirtySet(10)" type="date" ng-if="item.option==3" ng-model="$parent.$parent.$parent.$parent.tempDate" >
                        <span ng-repeat="radioItem in item.radio"><input ng-change="dirtySet(10)" type="radio" ng-if="item.option==4" name="{{item.key}}" value="{{radioItem.value}}" ng-model="presentContactInfo.personalityInfo[item.key]">{{radioItem.name}}</span>
                        <a type="button" ng-if="item.option==2||item.option==4" ng-click="ngShowOrInput(4,$parent.$index,1)"><i class="fa fa-check"></i></a>
                        <a type="button" ng-if="item.option==3" ng-click="changeDate(0,4,-1,item.key,1);ngShowOrInput(4,$parent.$index,1)"><i class="fa fa-check"></i></a>
                    </td>
                </tr>
                </tbody>
            </table>
            <div ng-show="dirty[10]" style="text-align:center">
                <button ng-click="saveInfo()" class="btn btn-success">提交</button>
                <button ng-click="refresh(1)" class="btn btn-success">重置</button>
            </div>
        </div>
    </div>

    <div ng-show="!(phoneDiv|| emailDiv||fixDiv||businessDiv||employeeDiv||personalityDiv||addresssDiv||educationHistorysDiv||workHistorysDiv||familyInfosDiv)">
        所有的信息都被隐藏了，您可以通过点击<i class="fa fa-folder-open-o"></i>来展示所有的模块，<br>
        也可以点击小图标来分别展示每个模块，鼠标悬停在图标上可以显示详细说明。<br>
        可以通过点击<i class="fa fa-chevron-left"></i>和<i class="fa fa-chevron-right"></i>来展示/隐藏各个模块的图标。<br>
        点击<i class="fa fa-undo"></i>可以返回该联系人的简要信息

    </div>

</div>